﻿
<!DOCTYPE html>
<html>
<head>
<title>带下雪背景的登录注册页面 </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<!-- Custom Theme files -->
<link rel="stylesheet" type="text/css" href="https://www.jq22.com/jquery/font-awesome.4.6.0.css">
<link href="css/snow.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- //Custom Theme files -->
<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
<link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome-5.15.2.all.css">
  <link href="./disk/style.css"  rel="stylesheet">
</head>
<style>
	
    .slidercaptcha {
      margin: 0 auto;
      width: 314px;
      height: 286px;
      border-radius: 4px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
      margin-top: 40px;
    }
    .slidercaptcha .card-body {
      padding: 1rem;
    }
    .slidercaptcha canvas:first-child {
      border-radius: 4px;
      border: 1px solid #e6e8eb;
    }
    .slidercaptcha.card .card-header {
      background-image: none;
      background-color: rgba(0, 0, 0, 0.03);
    }
    .refreshIcon {
      top: -42px;
    }
	.container-fluid {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.38);
		z-index: 998;
		display: none;
	}
	.form-row {
		position: fixed;
		top: 35%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 999;
	}
	#xueyagang {
		color: #fff;
		
	}
	.main-agileits {

		margin-top: 80px;
	}
  </style>
<body>
	<div class="container-fluid">
		<div class="form-row">
		  <div class="col-12">
			<div class="slidercaptcha card">
			  <div class="card-header"><span>请完成安全验证</span></div>
			  <div class="card-body">
				<div id="captcha"></div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
<div class="snow-container">
			  <div class="snow foreground"></div>
			  <div class="snow foreground layered"></div>
			  <div class="snow middleground"></div>
			  <div class="snow middleground layered"></div>
			  <div class="snow background"></div>
			  <div class="snow background layered"></div>
			</div>

<div class="top-buttons-agileinfo">

</div>
<h1 id="xueyagang"></h1>
<div class="main-agileits">
<!--form-stars-here-->
		<div class="form-w3-agile">
			<h1 class="sub-agileits-w3layouts" style="color: #fff; font-size: 30px;">大事件后台登录</h1>
			<form action="#" method="post" id="xxx_login">
					<input type="text" name="Eamil" placeholder="login ID" required="" />
					<input type="password" name="Password" placeholder="login password" required="" />
				<div class="submit-w3l">
                    <input type="submit" value="登录">
				</div>
			</form>
		</div>
		</div>
<!--//form-ends-here-->
<!-- copyright -->
    <div class="copyright w3-agile">
        <p> 加班加点小组祝大家新年快乐 . Happy New Year, money rolling, step by step <a href="#">Fighting！</a></p>
    </div>
	<!-- //copyright --> 

	<script type="text/javascript" src="./assets/lib/jquery.js"></script>
    <script
      type="text/javascript"
      src="./assets/lib/layui/layui.all.js"
    ></script>
	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	 <!-- 验证表单 -->
	 <script src="./disk/longbow.js"></script>
	 <!-- 导入baseAPIjs模块 -->
	 <script src="./assets/js/baseAPI.js"></script>
    
	 <!-- 导入自己的js模块 -->
	 <script src="./assets/js/login.js"></script>
	 <script>
	
		</script>
</body>
</html>



